<script setup lang="ts">
const {waterForm} = defineProps<{
  waterForm: Object;  // 定义采样时间的类型
}>();
</script>

<template>
  <el-card class="box-card">
    <h1 style="text-align: center">土壤 气相色谱法分析原始记录（B面）</h1>
    <div>SXLPHJ/JL/CX-22-88</div>
    <table class="table">
      <tr>
        <td colspan="2" style="text-align: center;border-right: none;"></td>
        <td colspan="13" style="text-align: center; border-left: none; border-right: none; font-weight: bold;">标准曲线绘制
        </td>
        <td colspan="6" style="text-align: center;border-left: none;">
          绘制日期：&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;日</td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="2">标准贮备液批号</td>
        <td colspan="4">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzzbyph"/>
        </td>
        <td colspan="2" style="width: 11%;">贮备液浓度(mg/L)</td>
        <td colspan="4">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.zbynd"/>
        </td>
        <td colspan="2" style="width: 10%;">贮备液有效日期</td>
        <td colspan="5">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.zbyyxq"/>
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">编号</td>
        <td colspan="2" style="width: 9%;">1</td>
        <td colspan="2" style="width: 9%;">2</td>
        <td colspan="2" style="width: 9%;">3</td>
        <td colspan="2" style="width: 9%;">4</td>
        <td colspan="2" style="width: 9%;">5</td>
        <td colspan="2" style="width: 9%;">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bh1"/>
        </td>
        <td colspan="2" style="width: 9%;">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bh2"/>
        </td>
        <td colspan="2" style="width: 9%;">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bh3"/>
        </td>
        <td colspan="2" style="width: 10%;">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bh4"/>
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">标准使用液浓度( )</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzsyynd1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzsyynd2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzsyynd3"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzsyynd4"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzsyynd5"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzsyynd6"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzsyynd7"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzsyynd8"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzsyynd9"/>
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">标准加入量( )</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzjrl1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzjrl1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzjrl1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzjrl1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzjrl1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzjrl1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzjrl1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzjrl1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.bzjrl1"/>
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">定容体积（ ）</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.drtj1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.drtj2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.drtj3"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.drtj4"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.drtj5"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.drtj6"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.drtj7"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.drtj8"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.drtj9"/>
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">溶液浓度( )</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.rynd1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.rynd2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.rynd3"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.rynd4"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.rynd5"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.rynd6"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.rynd7"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.rynd8"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bzqxhz.rynd9"/>
        </td>
      </tr>
      <tr>
        <td colspan="2" style="text-align: center;">校准曲线</td>
        <td style="width: 8%;" colspan="18">
          <div style="display: flex;align-items:center;">
          <span>y=</span>
          <el-input style="width: 100%;border: 1px solid transparent;margin-right: 10px;" placeholder="请输入"
          v-model="waterForm.bdatas.y"/>
          <span>r=</span>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.r"/>
        </div>
        </td>
      </tr>
      <tr>
        <td colspan="20" style="text-align: center;font-weight: bold;">曲线校核点测定</td>
      </tr>
      <tr style="text-align: center;background-color: #f2f2f2">
        <td colspan="2">样品编号</td>
        <td colspan=" 4">
          <div style="display:flex;align-items: center;justify-content: center;">
            测定结果（
            <el-input placeholder="请输入" style="width: 20%;" v-model="waterForm.unit.qx_cdjg"></el-input>
            ）
          </div>
        </td>
        <td colspan="4">
          <div style="display:flex;align-items: center;justify-content: center;">
            相对（
            <el-input placeholder="请输入" style="width: 20%;" v-model="waterForm.unit.qx_xd"></el-input>
            ）（%）
          </div>
        </td>
        <td colspan="5">质控要求</td>
        <td colspan="5">是否合格</td>
      </tr>
      <tr v-for="(item,index) in waterForm.bdatas.qxjhdcd" :key="index">
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.ypbh"/>
        </td>
        <td colspan="4">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.cdjg"/>
        </td>
        <td colspan="4">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.xd"/>
        </td>
        <td colspan="5">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.zkyq"/>
        </td>
        <td colspan="5">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.sfhg"/>
        </td>
      </tr>
      <tr>
        <td colspan="20" style="text-align: center;font-weight: bold;">空白检查</td>
      </tr>
      <tr style="text-align: center;background-color: #f2f2f2">
        <td colspan="2">样品编号</td>
        <td colspan=" 4">试样浓度( )</td>
        <td colspan="4">样品浓度( )</td>
        <td colspan="5">质控要求</td>
        <td colspan="5">是否合格</td>
      </tr>
      <tr v-for="(item,index) in waterForm.kbycd" :key="index">
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.kb_ypbh"/>
        </td>
        <td colspan="4">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.kb_synd"/>
        </td>
        <td colspan="4">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.kb_ypnd"/>
        </td>
        <td colspan="5">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.kb_zkyq"/>
        </td>
        <td colspan="5">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.kb_sfhg"/>
        </td>
      </tr>
      <tr>
        <td colspan="20" style="text-align: center;font-weight: bold;">平行样测定</td>
      </tr>
      <tr style="text-align: center;background-color: #f2f2f2">
        <td colspan="2">样品编号</td>
        <td colspan=" 6">
          <div style="display: flex;align-items: center">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.pxycd_fx.pxybh_1"/>
            与
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.pxycd_fx.pxybh_2"/>
          </div>
        </td>
        <td colspan="6">
          <div style="display: flex;align-items: center">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.pxycd_fx.pxybh_3"/>
            与
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.pxycd_fx.pxybh_4"/>
          </div>
        </td>
        <td colspan="6">
          <div style="display: flex;align-items: center">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.pxycd_fx.pxybh_5"/>
            与
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.pxycd_fx.pxybh_6"/>
          </div>
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">
          <div style="display:flex;align-items: center;justify-content: center;">
            测定浓度（
            <el-input placeholder="请输入" style="width: 20%;" v-model="waterForm.unit.px_cdnd"></el-input>
            ）
          </div>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.cdnd_1"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.cdnd_2"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.cdnd_3"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.cdnd_4"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.cdnd_5"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.cdnd_6"/>
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">
          <el-radio-group v-model="waterForm.bdatas.pxycd_fx.xdpc_1">
            <el-radio value="1">相对偏差</el-radio>
            <el-radio value="2">自定义</el-radio>
          </el-radio-group>
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.xdpc_2"/>
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.xdpc_3"/>
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.xdpc_4"/>
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">质控要求</td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.zkyq_1"/>
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.zkyq_2"/>
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.zkyq_3"/>
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">是否合格</td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.sfhg_1"/>
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.sfhg_2"/>
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.pxycd_fx.sfhg_3"/>
        </td>
      </tr>
      <tr>
        <td colspan="20" style="text-align: center;font-weight: bold;">标准样品测定</td>
      </tr>
      <tr style="text-align: center;background-color: #f2f2f2">
        <td>标样批号</td>
        <td colspan="6">
          <div style="display:flex;align-items: center;justify-content: center;">
            测定浓度（
            <el-input placeholder="请输入" style="width: 20%;" v-model="waterForm.unit.bz_cdnd"></el-input>
            ）
          </div>
        </td>
        <td colspan="6">
          <div style="display:flex;align-items: center;justify-content: center;">
            标准值（
            <el-input placeholder="请输入" style="width: 20%;" v-model="waterForm.unit.bz_bzz"></el-input>
            ）
          </div>
        </td>
        <td colspan="6">是否合格</td>
      </tr>
      <tr v-for="(item,index) in waterForm.bzycd" :key="index">
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.bz_ypph"/>
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.bz_cdnd"/>
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.bz_bzz"/>
        </td>
        <td colspan="6">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="item.bz_sfhg"/>
        </td>
      </tr>
      <tr>
        <td colspan="19" style="text-align: center;font-weight: bold;">加标回收样测定</td>
      </tr>
        <tr>
            <td>样品编号</td>
            <td colspan="2">
          <div style="display:flex;align-items: center;justify-content: center;">
            标态浓度（
            <el-input placeholder="请输入" style="width: 20%;" v-model="waterForm.unit.jb_btnd"></el-input>
            ）
          </div>
              </td>
              <td colspan="3">
          <div style="display:flex;align-items: center;justify-content: center;">
            加标量（
            <el-input placeholder="请输入" style="width: 20%;" v-model="waterForm.unit.jb_jbl"></el-input>
            ）
          </div>
              </td>
              <td colspan="3">
          <div style="display:flex;align-items: center;justify-content: center;">
            加标后样品含量/浓度（
            <el-input placeholder="请输入" style="width: 20%;" v-model="waterForm.unit.jb_ypnd"></el-input>
            ）
          </div>
              </td>
              <td colspan="3">
            <div style="display:flex;align-items: center;justify-content: center;">
            原样品含量/浓度（
            <el-input placeholder="请输入" style="width: 20%;" v-model="waterForm.unit.jb_yyphl"></el-input>
            ）
          </div>
              </td>
              <td colspan="3">回收率( % )</td>
              <td colspan="3">质控要求</td>
              <td colspan="3">是否合格</td>
            </tr>
            <tr v-for="(item,index) in waterForm.jbycd" :key="index">
              <td>
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                v-model="item.jb_ypbh"/>
              </td>
              <td colspan="2">
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                v-model="item.jb_bynd"/>
              </td>
              <td colspan="3">
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                v-model="item.jb_jbl"/>
              </td>
              <td colspan="3">
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                v-model="item.jb_jbhyphl"/>
              </td>
              <td colspan="3">
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                v-model="item.jb_yypgl"/>
              </td>
              <td colspan="3">
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                v-model="item.jb_hsl"/>
              </td>
              <td colspan="3">
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                v-model="item.jb_zkyq"/>
              </td>
              <td colspan="3">
                <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                v-model="item.jb_sfhg"/>
              </td>
      </tr>
      <tr>
        <td>备注</td>
        <td colspan="18">
          <el-input style="width: 150px;border: 1px solid transparent" />
        </td>
      </tr>
    </table>
  </el-card>
</template>

<style scoped lang="scss">
.card {
  padding: 20px 25px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  /* 表格边框合并 */
  text-align: left;
  /* 默认左对齐 */
  font-size: 14px;
  /* 字体大小 */
  color: #606266;
  /* 默认字体颜色 */
  margin-bottom: 20px;
}

.table th,
.table td {
  border: 1px solid #c2bfbf;
  /* 表格单元格边框颜色 */
  padding: 12px;
  /* 单元格内边距 */
}

.table th {
  background: #f5f7fa;
  /* 表头背景色 */
  font-weight: 600;
  /* 表头字体加粗 */
  color: #303133;
  /* 表头字体颜色 */
  text-align: center;
  /* 表头居中 */
}

.table td {
  width: 15%;
}

.table-td {
  display: flex;
}

::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>
